<#include "../common/header.htm">
<script>
    // 计算页面的实际高度，iframe自适应会用到
    function sheZhiHeight(){
        var ifr = document.getElementById('main')
        let scrollHeight=ifr.contentWindow.document.getElementsByClassName("content")[0].scrollHeight;
        $(ifr).height(scrollHeight);
    }
</script>
    <div class="content-wrapper" style="height:100%;">
        <section class="content" style="height:100%;">
            <div class="row tranrow" style="height:100%;">
                <div class="watnav-content" style="height:100%;display:flex;flex-direction: column;">
                    <div class="watnav">
                        <ul class="nav nav-tabs">
                            <li role="presentation" class="active"><a href="#">活动轨迹分析</a></li>
                            <li role="presentation"><a href="#">通话规律分析</a></li>
                            <li role="presentation"><a href="#">通话频率分析</a></li>
<!--                             <li role="presentation"><a href="#">通话时间分布</a></li>
                            <li role="presentation"><a href="#">通话时长统计</a></li>
                            <li role="presentation"><a href="#">通话地分布</a></li>
                            <li role="presentation"><a href="#">IMEI号统计</a></li> -->
                        </ul>
                    </div>
                    <iframe name="accountStatistics" id="main" style="min-height:400px;flex:1" class="iframe-wrap" src="${ctx}/track/trackEventsInit" frameborder="0" scrolling="no"></iframe>
                </div>
            </div>
        </section>
    </div>
<script>
	var caseId=parent.caseId;
    function _checkedCallback() {
        accountStatistics.window._checkedCallback(parent._checkedAccount)
    }
    $(function(){
        $(".watnav li").click(function() {
            $(this).siblings('li').removeClass('active');
            $(this).addClass('active');
        });
        $(".watnav li").click(function() {
            var index =$(this).index();
            console.log(index)
            if(index == 0){
                $(".iframe-wrap").prop("src","${ctx}/track/trackEventsInit");
            }
            if(index == 1){
                $(".iframe-wrap").prop("src","${ctx}/callanalysis/law");
            }
            if(index == 2){
                $(".iframe-wrap").prop("src","${ctx}/callanalysis/frequency");
            }
        })
    });
</script>
<style>
    .content{

    }
    .el-tabs__nav-scroll{
        margin-top: 0!important;
    }
    .watnav {
        background-color: white;
        margin-right: 4px;
        padding-left: 10px;
        width: 100%;
        margin-left:15px;
    }
    .tranrow{
        width: 100%;
    }
    .nav-tabs {
        margin-right: 10px;
    }
    .watnav li a{
        color: #555555;
    }
    .iframe-wrap{
        height: 100%;
        width: 100%;
        margin-left:15px;
    }
</style>